<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/css/layui.css}">
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <title>主任车间排程</title>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div th:replace="common::header"></div>
    <div th:replace="common::middle"></div>
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div class="table-responsive">
                <table class="table table-striped table-sm">
                    <thead>
                    <tr>
                        <th>id</th>
                        <th>proCode</th>
                        <th>proName</th>
                        <th>proDesc</th>
                        <th>proContact</th>
                        <th>proPhone</th>
                        <th>proAddress</th>
                        <th>proFax</th>
                        <th>createdBy</th>
                        <th>creationDate</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="provider:${page.dataList}">
                        <td th:text="${provider.getId()}"></td>
                        <td th:text="${provider.getProCode()}"></td>
                        <td th:text="${provider.getProName()}"></td>
                        <td th:text="${provider.getProDesc()}"></td>
                        <td th:text="${provider.getProContact()}"></td>
                        <td th:text="${provider.getProPhone()}"></td>
                        <td th:text="${provider.getProAddress()}"></td>
                        <td th:text="${provider.getProFax()}"></td>
                        <td th:text="${provider.getCreatedBy()}"></td>
                        <td th:text="${provider.getCreationDate()}"></td>
                        <td>
                            <a th:href="@{/provider/delete/}+${provider.getId()}" class="btn btn-sm btn-danger deleteBtn" >删除</a>
                            <a th:href="@{/provider/update/}+${provider.getId()}" class="btn btn-primary btn-sm">修改</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <span th:text="'共有'+${page.totalPage}+'页  当前为第'+${page.currentPage}+'页  '"></span>
        <a th:href="@{/provider/show/}+${page.currentPage-1}" th:text="上一页 " th:if="${page.currentPage!=1}"></a>
        <a th:href="@{/provider/show/}+${page.currentPage+1}" th:text="下一页" th:if="${page.totalPage!=page.currentPage}"></a>
    </div>

    <div >

    </div>
</div>

</body>
<script th:src="@{/js/layui.js}"></script>
<script>
    //JS
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function(othis){
                layer.msg('展开左侧菜单的操作', {icon: 0});
            }
            ,menuRight: function(){
                layer.open({
                    type: 1
                    ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                    ,area: ['260px', '100%']
                    ,offset: 'rt' //右上角
                    ,anim: 5
                    ,shadeClose: true
                });
            }
        });

    });
</script>
</html>
